<template>
    <div>
        共{{total}}条数据
        <button v-for="num in (Math.ceil(total/size))" :key="num">{{num}}</button>
        <select>
            <option v-for="s in sizeOptions" :key="s" value="s">{{s}}</option>
        </select>
    </div>
</template>

<script>
    export default {
        props: {
            sizeOptions: {
                type: Array,
                default: () => [20, 50, 100, 200]
            },
            total: {
                type: Number,
                required: true
            },
            size: {
                type:Number,
                default: 20
            }
        }
    }
</script>